<template>
	<view class="icon iconfont tab-sex" :class="[sex === 0 ? 'icon-nan' : 'icon-nv']">{{ age }}</view>
</template>

<script>
	export default {
		props:{
			sex: Number,
			age: Number
		}
	}
</script>

<style scoped lang="scss">
	.tab-sex{
		background-color: #007AFF;
		color:#fff;
		font-size: 23upx;
		padding: 6upx 10upx;
		margin-left: 5upx;
		border-radius: 20upx;
		line-height: 25upx;
	}
	.icon-nv{
		background-color: #ff698d!important;
	}
</style>
